/**
 * Desc
 * @description Holp You Do Good But Not Evil
 * @copyright   Copyright 2014-2015 <ycchen@iwshop.cn>
 * @license     LGPL (http://www.gnu.org/licenses/lgpl.html)
 * @author      Chenyong Cai <ycchen@iwshop.cn>
 * @package     Wshop
 * @link        http://www.iwshop.cn
 *
 */

@import 'base.less';

#sec{
    position: relative;
    .backG();
}

.journal{
    position: relative;
}

.cusinfo{
    padding-top: 15px;
    width: 1050px;
    margin: 0 auto;
    .cusleft{
        float:left;
        width:650px;
        .jUpload{
            display: block;
            float:left;
            .cushead{
                transition-duration: .2s;
                display: inline-block;
                width: 150px;
                height: 150px;
                .borderRadius(10px);
            }
        }
        .cusProfile{
            padding-bottom: 15px;
            .profile{
                position: relative;
                margin-left:165px;
                p{
                    .fontS();
                    margin: 0;
                    padding: 0;
                    white-space: normal;
                    line-height:25px;
                    em{
                        font-style: normal;
                        font-size: 12px;
                        text-align: right;
                        display: inline-block;
                        color: #777;
                    }
                }
                .edit{
                    position: absolute;
                    top:0;
                    right: 0;
                    .fontS();
                    text-align:right;
                    a{
                        color:#555;
                    }
                }
            }
        }
    }
}

.cusright{
    height: 300px;
    margin-left: 665px;
}

@import 'baby.less';

.addJournalForm{
    width:350px;
}

.textAlignCenter{
    .textAlign();
}

// 顶部搜索栏
#searchResult{
    display: none;
    .borderRadius(3px);
    border:1px solid #dedede;
    .backG();
    z-index: 2000;
    position: absolute;
    min-width: 80px;
    max-width: 500px;
    min-height: 80px;
    .boxShadow();
    top:48px;
    .ret{
        position: relative;
        padding:15px;
        .arrow,.arrow2{
            position: absolute;
            left: 30px;
            top: -20px;
            border:10px solid transparent;
            border-bottom-color: #dedede;
        }
        .arrow2{
            top: -19px;
            border-bottom-color: #fff;
        }
        // 搜索结果列表
        .sCuslist{
            float:left;
            width:50px;
            padding:2px 6px;
            margin-bottom:10px;
            img{
                width:50px;
                height:50px;
                border-radius: 25px;
                transition-duration: .2s;
                &:hover{
                    border-radius: 30px;
                    transform: scale(1.1);
                }
            }
            span{
                font-size: 12px;
                display: block;
                text-align: center;
            }
        }
        .close{
            position: absolute;
            right:5px;
            top:5px;
            height:15px;
            width:15px;
            background: url(../images/iconfont-close.png) center no-repeat;
            background-size: 15px;
        }
    }
}

#inframeLoading{
    position: absolute;
    top:50px;
    left:0;
    right:0;
    bottom:0;
    background: rgba(255,255,255,.3);
}

.profileView{
    padding-top: 50px;
    padding-bottom: 30px;
}

@import 'profilelist.less';

@import 'profileview.less';